<template>
  <el-card shadow="never" class="aui-card--fill">

    <el-collapse v-model="activeNames" @change="handleChange" v-for="(item,index) in contents" :key="index">
      <el-collapse-item :title="item.title" :name="item.title">
        <div v-for="(m,index) in item.txt" :key="index">{{m}}</div>
      </el-collapse-item>
    </el-collapse>
  </el-card>

</template>

<script>
export default {
  data () {
    return {
      activeNames: ['UNIEDP V6 简介', '主流技术', 'UNIEDP 发展历程', '开发平台设计理念', '开发平台技术选型'],
      contents: [
        {
          title: 'UNIEDP V6 简介',
          txt: ['是集开发平台、开发规范、开发工具、质量安全、实施运维和风险管控于一体的开发体系，致力于快速交付，关注风险管控，旨为软件企业降低成本、提高效率，提升企业竞争力，为应用型企业信息化提升快速实现业务需求的能力，提供掌控项目的核心保障。']
        },
        { title: '主流技术', txt: ['高热度经典开源技术，经典开发模式，使用者众多SpringBoot、vue.js、Spring、Mybatis-plus'] },
        {
          title: 'UNIEDP 发展历程',
          txt: ['2013-基于JeeSite框架发布V1.0，投入生产', '2014-平台优化升级,迭代发布V1.8', '2015性能及扩展优化升级,性能及扩展优化升级', '2016-设计理念重大变革,发布V3.0，持续优化', '2017-发布V4.0，持续优化']
        },
        { title: '开发平台设计理念', txt: ['统一技术开发体系', '管控IT风险', '打造快速交付'] },
        {
          title: '开发平台技术选型',
          txt: ['选型原则：紧随新技术，选用成熟稳定的框架和版本，框架普及率高，使用者众多，完全开源，' +
            '                不触及商业雷区，同时追求框架的高性能、高效率', '服务端SpringBoot工程，简化项目', '针对移动应用的RESTful格式 API', '前端UI，PC、APP、H5、小程序']
        }
      ]
    }
  },
  methods: {
    handleChange (val) {
    }
  }
}
</script>
